
<template>
    <div class='calendar1' :id="id">
        <el-calendar v-model="value"></el-calendar>
    </div>
</template>

<script>
import register from '@/js/main/register.js';
export default {
    props: {
        element: {
            type: Object
        },
        id: {
            type: String
        }
    },
    data() {
        return {
            value: new Date()
        };
    },
    created() {
        register.addComponent(this);
    },
    destroyed() {
        register.removeComponent(this);
    }
};
</script>

<style lang='scss'>
.calendar1 .el-calendar-table .el-calendar-day {
    color: rgb(0, 0, 0) !important;
}
.calendar1 .el-calendar-table .el-calendar-day {
    height: auto;
}
</style>